<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>haha</title>
</head>

<body>
	<div>
		<div style="height:100vh;width: 100vw;" id="display"></div>
	</div>
</body>

<script src="./static/jquery-3.2.1.min.js"></script>
<script src="./data.js"></script>
<script src="./static/echarts.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script>
	var optionTemplate = {
		"series": [{

			"type": "tree",
			"data": [],
			"top": "20%",
			"left": "7%",
			"bottom": "20%",
			"right": "20%",
			"symbolSize": [90, 40],

			itemStyle: {
				color: "white"
			},

			"expandAndCollapse": false,
			"animationDuration": 550,
			"animationDurationUpdate": 750,
			"orient": "vertical",
			"symbol": "Rect"
		}]
	};

	var myChart = echarts.init(document.getElementById("display"));
	optionTemplate.series[0].data.push(data);
	myChart.setOption(optionTemplate);

</script>

</html>